@charset "utf-8";
/* CSS Document */
.loading_gif{
	width:3.77rem; height:2.4rem; position:absolute; top:40%; left:50%; margin-top:-1.2rem; margin-left:-1.885rem; z-index:9990;
}
.typed-cursor {
    opacity: 0; display:none;
}

.music-bar {
    position: absolute;
    top: 1%;
    left: 3%;
    z-index: 999;
    width: 0.787rem;
    height: 0.747rem;
	display:none;
}
.music-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url("../images/music_bar.png") 0 0 repeat-x;
    background-size: 200% auto;
}
.pause .music-img {
    background-position: 0 0;
}
.play .music-img {
    background-position: -100% 0;
}

.bottom_up{
-webkit-animation:fadeInUpBig2 1s 0s ease both;
}
@-webkit-keyframes fadeInUpBig2{
0%{opacity:1;
-webkit-transform:translateY(100%)}
100%{opacity:1;
-webkit-transform:translateY(0)}
}
.top_down{
-webkit-animation:fadeOutUpBig2 1s 0s ease both;
}
@-webkit-keyframes fadeOutUpBig2{
0%{opacity:1;
-webkit-transform:translateY(0)}
100%{opacity:1;
-webkit-transform:translateY(-100%)}
}

.box{
	overflow:hidden;
	width:100%;
	height:100%;
}
.p1{
	overflow:hidden;
	width:100%;
	height:100%;
	background:url(../images/p1_bg.jpg) no-repeat;
	background-size:100% 100%;
	position:absolute;
	top:0;
}
.p1_title{
	overflow:hidden;
	width:5.16rem;
	position:absolute;
	left:2.63rem;
	top:1.8rem;
	-webkit-animation:bounceIn 0.6s 0.2s ease both;
}
.p1_text1{
	overflow:hidden;
	width:5.99rem;
	height:0.6rem;
	position:absolute;
	left:2.13rem;
	top:6.69rem;
	background:url(../images/p1_text.png) no-repeat center 0rem;
	background-size:100% auto;
	-webkit-animation:fadeInUp 0.6s 0.5s ease both;
}
.p1_text2{
	overflow:hidden;
	width:5.99rem;
	height:0.6rem;
	position:absolute;
	left:2.13rem;
	top:7.5rem;
	background:url(../images/p1_text.png) no-repeat center -0.8rem;
	background-size:100% auto;
	-webkit-animation:fadeInUp 0.6s 0.8s ease both;
}
.p1_text3{
	overflow:hidden;
	width:5.99rem;
	height:0.6rem;
	position:absolute;
	left:2.13rem;
	top:8.3rem;
	background:url(../images/p1_text.png) no-repeat center -1.6rem;
	background-size:100% auto;
	-webkit-animation:fadeInUp 0.6s 1.1s ease both;
}
.p1_text4{
	overflow:hidden;
	width:5.99rem;
	height:0.6rem;
	position:absolute;
	left:2.13rem;
	top:9.1rem;
	background:url(../images/p1_text.png) no-repeat center -2.4rem;
	background-size:100% auto;
	-webkit-animation:fadeInUp 0.6s 1.4s ease both;
}
.p1_text5{
	overflow:hidden;
	width:5.99rem;
	height:0.6rem;
	position:absolute;
	left:2.13rem;
	top:9.9rem;
	background:url(../images/p1_text.png) no-repeat center -3.24rem;
	background-size:100% auto;
	-webkit-animation:fadeInUp 0.6s 1.7s ease both;
}
.p1_text6{
	overflow:hidden;
	width:5.99rem;
	height:0.6rem;
	position:absolute;
	left:2.13rem;
	top:10.7rem;
	background:url(../images/p1_text.png) no-repeat center -4.05rem;
	background-size:100% auto;
	-webkit-animation:fadeInUp 0.6s 2s ease both;
}
.p1_text7{
	overflow:hidden;
	width:5.99rem;
	height:0.6rem;
	position:absolute;
	left:2.13rem;
	top:11.5rem;
	background:url(../images/p1_text.png) no-repeat center -4.86rem;
	background-size:100% auto;
	-webkit-animation:fadeInUp 0.6s 2.3s ease both;
}
.p1_icon{
	overflow:hidden;
	width:0.8rem;
	position:absolute;
	left:4.6rem;
	top:12.6rem;
	-webkit-animation:fadeIn 0.6s 2.5s ease both;
}
.p1_t2{
	overflow:hidden;
	width:2.66rem;
	position:absolute;
	left:3.6rem;
	top:13.8rem;
	-webkit-animation:fadeIn 0.6s 2.7s ease both;
}
.p1_next{
	overflow:hidden;
	width:2.66rem;
	position:absolute;
	left:3.6rem;
	bottom:0.5rem;
}
.p1_next{
opacity:0;
-webkit-animation:bounce2 1s 3s ease-in-out;
-webkit-animation-iteration-count:infinite;}
@-webkit-keyframes bounce2{
0%{opacity:1;
-webkit-transform:translateY(0)}
50%{opacity:1;
-webkit-transform:translateY(-5px)}
100%{opacity:1;
-webkit-transform:translateY(0)}
}

.p2_next{
	display:none;
	overflow:hidden;
	width:2.66rem;
	position:absolute;
	left:3.6rem;
	top:15rem;
}
.p2_next{
opacity:0;
-webkit-animation:bounce2 1s 1s ease-in-out;
-webkit-animation-iteration-count:infinite;}

.p2{
	overflow:auto;
	width:100%;
	height:100%;
}
.p2_bg{
	overflow:hidden;
	width:100%;
	position:relative;
}
.p2_ren1{
	overflow:hidden;
	width:1.73rem;
	position:absolute;
	left:3.06rem;
	top:5.21rem;
}
.p2_t1{
	overflow: hidden;
    width: 2.61rem;
    height: 1.2rem;
    padding: 0 0.4rem;
    padding-top: 0.25rem;
    position: absolute;
    left: 0.89rem;
    top: 9.65rem;
    background: url(../images/p2_t1_bg.png) no-repeat center top;
    background-size: 100% auto;
    -webkit-animation: zoomIn 0.2s 0s ease both;
    font-size: 0.31rem;
	line-height:0.4rem;
    color: #6b4409;
}
.p2_t2{
	overflow: hidden;
    width: 4.33rem;
    height: 1.95rem;
    padding: 0 0 0 0.6rem;
    padding-top: 0.3rem;
    position: absolute;
    left: 3.92rem;
    top: 10.65rem;
    background: url(../images/p2_t2_bg.png) no-repeat center top;
    background-size: 100% auto;
    -webkit-animation: zoomIn 0.2s 2.4s ease both;
    font-size: 0.31rem;
    line-height: 0.4rem;
    color: #6b4409;
}
.p2_t3{
	overflow: hidden;
    width: 2.37rem;
    height: 1.05rem;
    background: url(../images/p2_t3_bg.png) no-repeat center top;
    background-size: 100% auto;
    position: absolute;
    left: 3.3rem;
    top: 3.8rem;
    
}

.p3_t1{
	overflow: hidden;
    width: 3.42rem;
    height: 1.4rem;
    padding: 0 0 0 0.4rem;
    padding-top: 0.28rem;
    position: absolute;
    left: 1.18rem;
    top: 35.68rem;
    background: url(../images/p3_t1_bg.png) no-repeat center top;
    background-size: 100% auto;
    -webkit-animation: zoomIn 0.2s 0.0s ease both;
    font-size: 0.31rem;
	line-height:0.4rem;
    color: #6b4409;
}
.p3_t2{
	overflow: hidden;
    width: 3.95rem;
    height: 1.4rem;
    padding: 0 0 0 0.5rem;
    padding-top: 0.3rem;
    position: absolute;
    left: 5rem;
    top: 34.68rem;
    background: url(../images/p3_t2_bg.png) no-repeat center top;
    background-size: 100% auto;
    -webkit-animation: zoomIn 0.2s 3.8s ease both;
    font-size: 0.31rem;
    line-height: 0.4rem;
    color: #6b4409;
}

.p4_t2{
	overflow: hidden;
    width: 3.7rem;
    height: 1.6rem;
    padding: 0 0 0 0.56rem;
    padding-top: 0.21rem;
    position: absolute;
    left: 4rem;
    top: 63.4rem;
    background: url(../images/p4_t1_bg.png) no-repeat center top;
    background-size: 100% auto;
    -webkit-animation: zoomIn 0.2s 0s ease both;
    font-size: 0.31rem;
	line-height:0.4rem;
    color: #6b4409;
}
.p4_t1{
	overflow: hidden;
    width: 3.32rem;
    height: 1.4rem;
    padding: 0 0 0 0.4rem;
    padding-top: 0.25rem;
    position: absolute;
    left: 0.31rem;
    top: 64.31rem;
    background: url(../images/p4_t2_bg.png) no-repeat center top;
    background-size: 100% auto;
    -webkit-animation: zoomIn 0.2s 8.8s ease both;
    font-size: 0.31rem;
	line-height:0.4rem;
    color: #6b4409;
}
.p4_t3{
	overflow: hidden;
    width: 3.63rem;
    height: 1.4rem;
    padding: 0 0 0 0.45rem;
    padding-top: 0.28rem;
    position: absolute;
    left: 1.31rem;
    top: 75rem;
    background: url(../images/p4_t3_bg.png) no-repeat center top;
    background-size: 100% auto;
    -webkit-animation: zoomIn 0.2s 0s ease both;
    font-size: 0.31rem;
	line-height:0.4rem;
    color: #6b4409;
}

.p5_t1{
	overflow: hidden;
    width: 3.56rem;
    height: 1.4rem;
    padding: 0 0 0 0.55rem;
    padding-top: 0.3rem;
    position: absolute;
    left: 0.42rem;
    top: 99.8rem;;
    background: url(../images/p5_t1_bg.png) no-repeat center top;
    background-size: 100% auto;
    -webkit-animation: zoomIn 0.2s 0.0s ease both;
    font-size: 0.31rem;
	line-height:0.4rem;
    color: #6b4409;
}
.p5_t2{
	overflow: hidden;
    width: 4.3rem;
    height: 1.8rem;
    padding: 0 0 0 0.55rem;
    padding-top: 0.3rem;
    position: absolute;
    left: 4.15rem;
    top: 98.2rem;
    background: url(../images/p5_t2_bg.png) no-repeat center top;
    background-size: 100% auto;
    -webkit-animation: zoomIn 0.2s 5s ease both;
    font-size: 0.31rem;
	line-height:0.4rem;
    color: #6b4409;
}

.p6_t1{
	overflow: hidden;
    width: 5.15rem;
    height: 2.4rem;
    padding: 0 0 0 0.77rem;
    padding-top: 0.4rem;
    position: absolute;
    left: 3.26rem;
    top: 118.5rem;
    background: url(../images/p6_t1_bg.png) no-repeat center top;
    background-size: 100% auto;
    -webkit-animation: zoomIn 0.2s 0.0s ease both;
    font-size: 0.31rem;
    line-height: 0.4rem;
    color: #6b4409;
}
.p6_t2{
    overflow: hidden;
    width: 4.25rem;
    height: 1.6rem;
    padding: 0 0 0 0.45rem;
    padding-top: 0.41rem;
    position: absolute;
    left: 1.24rem;
    top: 126rem;
    background: url(../images/p6_t2_bg.png) no-repeat center top;
    background-size: 100% auto;
    -webkit-animation: zoomIn 0.2s 10.4s ease both;
    font-size: 0.31rem;
    line-height: 0.4rem;
    color: #6b4409;
}
.p6_t3{
	overflow: hidden;
    width: 3.31rem;
    height: 1.4rem;
    padding: 0 0 0 0.45rem;
    padding-top: 0.25rem;
    position: absolute;
    left: 5.9rem;
    top: 125rem;
    background: url(../images/p6_t3_bg.png) no-repeat center top;
    background-size: 100% auto;
    -webkit-animation: zoomIn 0.2s 15.8s ease both;
    font-size: 0.31rem;
    line-height: 0.4rem;
    color: #6b4409;
}

.p7_t1{
	overflow: hidden;
    width: 4.57rem;
    height: 1.4rem;
    padding: 0 0 0 0.5rem;
    padding-top: 0.4rem;
    position: absolute;
    left: 1.8rem;
    top: 142rem;
    background: url(../images/p7_t1_bg.png) no-repeat center top;
    background-size: 100% auto;
    -webkit-animation: zoomIn 0.2s 0.0s ease both;
    font-size: 0.31rem;
    line-height: 0.4rem;
    color: #6b4409;
}
.p7_t2{
    overflow: hidden;
    width: 2.76rem;
    height: 1.6rem;
    padding: 0 0 0 0.42rem;
    padding-top: 0.17rem;
    position: absolute;
    left: 6.44rem;
    top: 141rem;
    background: url(../images/p7_t2_bg.png) no-repeat center top;
    background-size: 100% auto;
    -webkit-animation: zoomIn 0.2s 5.8s ease both;
    font-size: 0.31rem;
    line-height: 0.4rem;
    color: #6b4409;
}
.p7_t3{
	overflow: hidden;
    width: 4.43rem;
    height: 1.4rem;
    padding: 0 0 0 0.49rem;
    padding-top: 0.3rem;
    position: absolute;
    left: 1.13rem;
    top: 144.5rem;
    background: url(../images/p7_t3_bg.png) no-repeat center top;
    background-size: 100% auto;
    -webkit-animation: zoomIn 0.2s 10.8s ease both;
    font-size: 0.31rem;
    line-height: 0.4rem;
    color: #6b4409;
}

.p7_t4{
    overflow: hidden;
    width: 4.67rem;
    height: 1.6rem;
    padding: 0 0 0 0.4rem;
    padding-top: 0.35rem;
    position: absolute;
    left: 4.44rem;
    top: 149rem;
    background: url(../images/p7_t4_bg.png) no-repeat center top;
    background-size: 100% auto;
    -webkit-animation: zoomIn 0.2s 0s ease both;
    font-size: 0.31rem;
    line-height: 0.4rem;
    color: #6b4409;
}
.p7_t5{
	overflow: hidden;
    width: 3.05rem;
    height: 1.4rem;
    padding: 0 0 0 0.4rem;
    padding-top: 0.17rem;
    position: absolute;
    left: 5.74rem;
    top: 154.5rem;
    background: url(../images/p7_t5_bg.png) no-repeat center top;
    background-size: 100% auto;
    -webkit-animation: zoomIn 0.2s 3.8s ease both;
    font-size: 0.31rem;
    line-height: 0.4rem;
    color: #6b4409;
}

.p8_t1{
    overflow: hidden;
    width: 3.3rem;
    height: 1.2rem;
    padding: 0 0 0 0.49rem;
    padding-top: 0.22rem;
    position: absolute;
    left: 4.67rem;
    top: 171.5rem;
    background: url(../images/p8_t1_bg.png) no-repeat center top;
    background-size: 100% auto;
    -webkit-animation: zoomIn 0.2s 0s ease both;
    font-size: 0.31rem;
    line-height: 0.4rem;
    color: #6b4409;
}
.p8_t2{
	overflow: hidden;
    width: 3.3rem;
    height: 1.2rem;
    padding: 0 0 0 0.47rem;
    padding-top: 0.22rem;
    position: absolute;
    left: 0.55rem;
    top: 171rem;
    background: url(../images/p8_t2_bg.png) no-repeat center top;
    background-size: 100% auto;
    -webkit-animation: zoomIn 0.2s 2.8s ease both;
    font-size: 0.31rem;
    line-height: 0.4rem;
    color: #6b4409;
}

.p9_t1{
    overflow: hidden;
    width: 2.6rem;
    height: 1.2rem;
    padding: 0 0 0 0.52rem;
    padding-top: 0.15rem;
    position: absolute;
    left: 1.4rem;
    top: 190.4rem;
    background: url(../images/p9_t1_bg.png) no-repeat center top;
    background-size: 100% auto;
    -webkit-animation: zoomIn 0.2s 0s ease both;
    font-size: 0.31rem;
    line-height: 0.4rem;
    color: #6b4409;
}
.p9_t2{
	overflow: hidden;
    width: 2rem;
    height: 1.2rem;
    padding: 0 0 0 0.32rem;
    padding-top: 0.22rem;
    position: absolute;
    left: 5.17rem;
    top: 188.5rem;
    background: url(../images/p9_t2_bg.png) no-repeat center top;
    background-size: 100% auto;
    -webkit-animation: zoomIn 0.2s 2.6s ease both;
    font-size: 0.31rem;
    line-height: 0.4rem;
    color: #6b4409;
}

.p10_t1{
    overflow: hidden;
    width: 3.85rem;
    height: 1.7rem;
    padding: 0 0 0 0.49rem;
    padding-top: 0.22rem;
    position: absolute;
    left: 0.93rem;
    top: 209.7rem;
    background: url(../images/p10_t1_bg.png) no-repeat center top;
    background-size: 100% auto;
    -webkit-animation: zoomIn 0.2s 0s ease both;
    font-size: 0.31rem;
    line-height: 0.4rem;
    color: #6b4409;
}
.p10_t2{
	overflow: hidden;
    width: 4.1rem;
    height: 1.6rem;
    padding: 0 0 0 0.49rem;
    padding-top: 0.22rem;
    position: absolute;
    left: 5.23rem;
    top: 209.2rem;
    background: url(../images/p10_t2_bg.png) no-repeat center top;
    background-size: 100% auto;
    -webkit-animation: zoomIn 0.2s 7.8s ease both;
    font-size: 0.31rem;
    line-height: 0.4rem;
    color: #6b4409;
}
.p10_t3{
	overflow: hidden;
    width: 4.47rem;
    height: 1.6rem;
    padding: 0 0 0 0.6rem;
    padding-top: 0.52rem;
    position: absolute;
    left: 1.2rem;
    top: 217.3rem;
    background: url(../images/p10_t3_bg.png) no-repeat center top;
    background-size: 100% auto;
    -webkit-animation: zoomIn 0.2s 15.8s ease both;
    font-size: 0.31rem;
    line-height: 0.4rem;
    color: #6b4409;
}

.p11_t1{
    overflow: hidden;
    width: 3.35rem;
    height: 1.7rem;
    padding: 0 0 0 0.48rem;
    padding-top: 0.24rem;
    position: absolute;
    left: 4.41rem;
    top: 231rem;
    background: url(../images/p11_t1_bg.png) no-repeat center top;
    background-size: 100% auto;
    -webkit-animation: zoomIn 0.2s 0s ease both;
    font-size: 0.31rem;
    line-height: 0.4rem;
    color: #6b4409;
}
.p11_t2{
	overflow: hidden;
    width: 4.1rem;
    height: 1.7rem;
    padding: 0 0 0 0.49rem;
    padding-top: 0.22rem;
    position: absolute;
    left: 0.23rem;
    top: 235.6rem;
    background: url(../images/p11_t2_bg.png) no-repeat center top;
    background-size: 100% auto;
    -webkit-animation: zoomIn 0.2s 4.8s ease both;
    font-size: 0.31rem;
    line-height: 0.4rem;
    color: #6b4409;
}

.p11_box{
	overflow:hidden;
	width: 1.13rem;
	position:absolute;
	right: 1.7rem;
    bottom: 14rem;
	-webkit-animation:bounce2 3s 0s ease-in-out;
	-webkit-animation-iteration-count:infinite;
}
.p11_popup{
	overflow:hidden;
	width: 8.88rem;
	position:fixed;
	right:0.54rem;
	bottom:5rem;
}
.p11_txt{
	overflow:hidden;
	width: 6.78rem;
	position:absolute;
	right:1.61rem;
	bottom:2.5rem;
}

.p3{
	overflow:hidden;
	width:100%;
	height:100%;
	background:url(../images/p3_bg.jpg) no-repeat;
	background-size:100% 100%;
	position:absolute;
	top:0;
}
.p3_pic{
	overflow:hidden;
	width: 8.3rem;
	position:absolute;
	right:0.85rem;
	top:1rem;
}
.p3_b1{
	overflow:hidden;
	width: 1.74rem;
	position:absolute;
	left:0.74rem;
	bottom:0.3rem;
}
.p3_b2{
	overflow:hidden;
	width: 1.74rem;
	position:absolute;
	left:3rem;
	bottom:0.3rem;
}
.p3_b3{
	overflow:hidden;
	width: 1.74rem;
	position:absolute;
	right:3rem;
	bottom:0.3rem;
}
.p3_b4{
	overflow:hidden;
	width: 1.74rem;
	position:absolute;
	right:0.74rem;
	bottom:0.3rem;
}
.p3_box{
	overflow:hidden;
	width:100%;
	height:2.6rem;
	position:absolute;
	bottom:0;
	background:rgba(255,255,255,0.6);
}
.p3_pop1{
	overflow:hidden;
	width:100%;
	height:100%;
	position:absolute;
	top:0;
}
.p3_pop2{
	overflow:hidden;
	width:100%;
	height:100%;
	position:absolute;
	top:0;
}
.p3_hand{
	overflow: hidden;
    width: 0.8rem;
    position: absolute;
    left: 6.5rem;
    top: 4rem;
	-webkit-animation:flash 3s 0s ease-in-out;
	-webkit-animation-iteration-count:infinite;
}


.loading_background {
    position: absolute;
    width: 100%;
    height: 100%;
    background-image: url(../images/loading_bg.jpg);
    background-size: 100% 100%;
}
.loading_line {
    background: url(../images/loading_line.png);
	background-size: 100% 100%;
    position: absolute;
    margin-left: 0.45rem;
    width: 9.12rem;
    height: 0.75rem;
    top: 7.5rem;
}
.loading_horse {
    position: absolute;
	width:2rem;
    top: 6rem;
    left: -2rem;
}
.loading_text {
    position: absolute;
    top: 9.5rem;
    font-size: 0.5rem;
    text-align: center;
    width: 100%;
}